<template>
  <div class="login-section">
    <el-form label-position="top" label-width="100px" class="demo-ruleForm" :rules="rules" :model="rulesForm"
      status-icon ref="ruleForm">
      <el-form-item label="用户名" prop="name">
        <el-input type="text" v-model="rulesForm.name"></el-input>
      </el-form-item>
      <el-form-item label="密码" prop="password">
        <el-input type="password" v-model="rulesForm.password"></el-input>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="submitForm('ruleForm')">提交</el-button>
        <el-button>重置</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>
<script>
// import api from '@/api/api'
import axios from 'axios'

export default {
  data() {
    return {
      //存储数据的对象
      rulesForm: {
        name: '',
        password: ''
      },
      rules: {
        name: [
          { required: true, message: '请输入名字', trigger: "blur" },
          { min: 1, max: 5, message: "长度3-5", trigger: "blur" }
        ],
        password: [
          { required: true, message: '请输入密码', trigger: "blur" },
          { min: 3, max: 5, message: "长度3-5", trigger: "blur" }
        ]
      }
    };
  },
  methods: {
    submitForm(formName) {
      // this.$refs[formName].validate((valid) => {
      //   if (valid) {
      //     // 如果校检通过，在这里向后端发送用户名和密码
      //     login({
      //       name: this.rulesForm.name,
      //       password: this.rulesForm.password,
      //     }).then((data) => {
      //       console.log(data)
      //       if (data.code === 0) {
      //         localStorage.setItem('token', data.data.token);
      //         window.location.href = '/';
      //       }
      //       if (data.code === 1) {
      //         this.$message.error(data.mes)
      //       }
      //     });
      //     // api.postFormAPI(this.rulesForm).then(res => console.log(res)).catch(err => console.log(err))
      //   } else {
      //     console.log("error submit!!");
      //     return false;
      //   }
      // });
      let host='/api'
      let url = host;
      axios.get(url)
        .then(res => {
          console.log(res);
          // this.data = res.data;
        })
    }


    
  }
}
</script>
   
